<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../src/js/jquery.min.js"></script>
    <script src="../../src/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../src/css/bootstrap.min.css">
    <!-- Typography CSS -->
    <link rel="stylesheet" href="../../src/css/typography.css">
    <!-- Style CSS -->
<!--    <link rel="stylesheet" href="../../src/css/style.css">-->
    <!-- Responsive CSS -->
<!--    <link rel="stylesheet" href="../../src/css/responsive.css">-->
    <style>
        /*padding-left:60px   因为图标是有一个宽度，然后图标有一个left:20px   图标的宽度34px， 估计一下  设置差不多60px， 刚好让文字不被图标遮挡*/
        .form-center .username input,.form-center .password input{
            height: 50px;
            padding-left: 60px;
        }
        .form-control-feedback {
            line-height: 50px;
            left: 20px;
        }
    </style>
</head>
<body>
<form class="form-horizontal">
    <div class="form-group has-feedback">
        <div class="username">
            <span class="fa fa-user-circle-o fa-2x form-control-feedback"></span>
            <input type="text" class="form-control" id="inputPassword" placeholder="用户名">
        </div>
    </div>
    <div class="form-group pwd-top has-feedback">
        <div class="password">
            <span class="fa fa-unlock-alt fa-2x form-control-feedback"></span>
            <input type="password" class="form-control" id="inputPassword" placeholder="密码">
        </div>
    </div>
    <div class="form-group">
        <div class="checkbox  col-sm-4 col-md-4 col-lg-4">
            <label>
                <input type="checkbox"> 记住密码
            </label>
        </div>
        <label for="" class="col-sm-4 col-md-4 col-lg-4 control-label forget-pass"><a href="">忘记密码</a></label>
        <label for="" class="col-sm-4 col-md-4 col-lg-4 control-label register"><a href="">注册</a></label>
    </div>
    <div class="form-group">
        <button class="btn btn-login" type="submit">登&nbsp;录</button>
    </div>
</form>
</body>
</html>